<template>
    <view class="app">
		  <load :ready="ready"></load>
		<view class="title">瓶装液化石油气供气协议</view>
		<view class="id-item">
			<text class="name">
				供气方（甲方）：
			</text>
			 <text class="line">湘潭市飞虹燃气有限公司</text>
		</view>
		<view class="id-item">
			<text class="name">
				用气方（乙方）：
			</text>
			 <text class="line">{{userInfo.mobile}}(您)</text>
		</view>
		
		<view class="content">
			<view class="p">根据《中华人民共和国民法典》、《城镇燃气管理条例》 等法律法规。本着平等自愿、互惠互利原则，经甲、乙双方友好协商，就瓶装液化石油气（以下简称“燃气”）供用气事宜，达成以下协议，承诺共同遵守。</view>
			<view class="p">一、甲方所供燃气质量和重量均符合国家相关质量和安全技术要求: 如果确因甲方原因造成的气量不足，经双方确认后将由甲方补足重量或更换，用气种类为瓶装液化石油气。</view>
			<view class="p">二、甲方有义务每次供气前对乙方的燃气设备使用环境情况进行安全检查，并告知乙方安全使用燃气，对甲方指出存在的安全隐患乙方应积极进行整改，达到安全用气条件。</view>
			<view class="p">三、甲方确保所提供的钢瓶符合国家安全标准且在检测有效期内，因钢瓶质量不合规范造成事故责任由供气方承担。</view>
			<view class="p">四、乙方不得在不具备安全条件的场所使用燃气，不得使用不符合国家安全技术标准的燃气器具及其配件。</view>
			<view class="p">五、因乙方自行购买的燃气器具及其配件产品质量瑕疵、管理使用不规范、维护保养不善或用气场所不达标而存在安全事故隐患，所造成的一切损失由乙方自行承担，且甲方有权停止供气。</view>
			<view class="p">六、甲乙双方按每次供气联系时约定的送达地点及价格进行配送及结算。</view>
			<view class="p">七、点击选择协议并授权绑定手机号登录后本协议生效，只要双方存在供用气业务，本协议长期有效。
			</view>
			<view class="tit">安全用气承诺书</view>
			<view class="p">本单位已由管理部门进行燃气安全相关政策及知识宣传，了解燃气安全相关政策法规，知晓燃气安全检查、应急处置等基本知识，现就安全用气郑重承诺如下：</view>
			<view class="p">一、遵守法律：认真学习、掌握安全用气知识，自觉遵守燃气相关法律、法规、规范和其它要求，维护用气安全。</view>
			<view class="p">二、百日行动：燃气安全整治“百日行动”期间（2022年10月20日前）开展一次安全自查和员工安全培训，并常态化每月对燃气设施进行安全检查。</view>
			<view class="p">三、燃气三员：积极建立并落实燃气安全“三员”制度，明确本单位燃气安全员负责本单位燃气安全日常管理，及时排查整改燃气安全隐患。</view>
			<view class="p">四、自觉抵制：无二维码标签气瓶、无熄火保护装置的灶具、无3C认证的家用燃气热水器、可调节式减压阀、非金属燃气连接软管等不合格产品。</view>
			<view class="p">五、报警装置：安装质量合格、符合气源要求的可燃气体浓度报警装置并保障其正常使用。</view>
			<view class="p">六、设施安全：确保使用气源合法，不私自拆改燃气设施，软管做到不超2米、不私接“三通”、不穿越墙体，过期燃器具及时更换。</view>
			<view class="p">七、使用安全：养成火停阀关的良好习惯、燃气使用期间确保留人看守，不在人员密集的室内设置燃气气瓶，不在通风不良等不具备安全条件的场所使用和储存燃气。</view>
			<view class="p">八、落实整改：对管理部门和燃气企业发现的有依据的问题隐患，积极落实本单位安全生产主体责任，采取有效措施及时消除事故隐患。</view>
			<view class="p">九、及时报告：发现燃气安全事故或事故隐患时应当立即告知乡镇街道协管员和燃气经营企业安全专管员；对变更供气单位的，应与供气单位及时签订供用气合同并要求供气单位更新人员信息，主动向乡镇（街道）协管员备案；对燃气企业未签订供用气合同、未履行入户安全检查责任等情况及时告知乡镇（街道）协管员。</view>
		</view>
		
		
		<u-gap height="200"></u-gap>
		
		<view class="btnbox">
			<u-button type="primary" v-if="!isArg" shape="circle" @click="submit" :loading="isLoading"
				:custom-style="btnStyle">签署</u-button>
			<u-button type="primary" v-else shape="circle"
				:custom-style="{
					...btnStyle,
					background:' #999',
				}">已签署</u-button>
		</view>
	</view>
</template>

<script>
import { mapState, mapActions, mapMutations, mapGetters } from 'vuex';
import { mixinsBase } from '@/common/js/mixins';
let that;
export default {
    mixins: [mixinsBase],
    components: {
	},
    data() {
        return {
			ready:false,
			btnStyle: this.$config.btnStyle,
			isLoading:false,
			isArg:false,
        };
    },
    onLoad(o) {
		this.getInit();
    },
    onReady() {
    },
    onUnload() {
        that = null;
    },
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {
        // this.getInit(data=>{
        //      uni.stopPullDownRefresh();
        //      common.showTip('刷新成功');
        // });
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {},

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {
        //       return {
        // 	// path,
        // 	imageUrl:config.shareImg,
        // 	// title
        // }
    },
    methods: {
		async getInit(){
			let res = await this.$api.isAgreement();
			this.ready=true
			if (res.data.code == this.$config.RESOK) {
				this.isArg = true
			} else {
				this.isArg = false
			}
		},
		async submit(){
			if(this.isLoading){
				return
			}
			this.isLoading = true
			let res = await this.$api.smAgreement();
			this.isLoading = false
			if (res.data.code == this.$config.RESOK) {
				this.$common.showTip(res.data.msg);
				setTimeout(() => {
					uni.navigateBack()
				}, this.$config.timeLoad);
			} else {
				this.$message.error(res.data.msg);
			}
		},
        ...mapActions([])
    },
    computed: {
        ...mapState({
            userInfo: 'userInfo'
        })
    }
};
</script>

<style scoped lang="scss">
page{
	background: #f5f5f5;
}
.app{
	padding: 20rpx 30rpx 0;
	.title{
		font-size: 18px;
		text-align: center;
		margin-bottom: 16rpx;
	}
	.id-item{
		display: flex;
		margin-bottom: 5px;
		.line{
			display: inline-block;
			border-bottom: 1px solid #333;
		}
	}
}
.content{
	padding: 20rpx 0 0;
	.p{
		margin-bottom: 10px;
		text-indent: 2em;
	}
	.tit{
		font-size: 16px;
		padding: 10px 0;
		font-weight: bold;
		color: #333;
	}
}

.btnbox{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20rpx 30rpx;
	z-index: 77;
	background: #fff;
}
</style>
